/* 中等屏幕显示 */
@media screen and (min-width:641px) and (max-width:1023px){
    .Box{
        width: 960px;
        /* background: #3cf; */
        display: flex;
        flex-direction: column;
    }
    .left{
        background: rgba(226, 92, 20, 0.229);
        margin-left: auto;
        margin-right: auto;
    }
    .right{
        width: 550px;
        /* margin-top: 10px; */
        margin-left: auto;
        margin-right: auto;
    }
    .task{
        width: 550px;
    }
    .mask{
        width: 550px;
        margin-left: 205px;
        margin-top: 485px;
    }
}

/* 小屏显示 */
@media screen and (max-width:640px){
    .Box{
        width: 640px;
        /* background: #3cf; */
        display: flex;
        flex-direction: column;
    }
    .left{
        width: 500px;
        background: rgba(226, 82, 20, 0.229);
    }
    .leftTop{
        width: 500px;
        background-size: 100% 100%;
    }
    .showImg{
        width: 500px;
        height: 300px;
    }
    .right{
        width: 500px;
    }
    .task{
        width: 500px;
    }
    .myTask{
        width: 120px;
    }
    .mask{
        width: 500px;
        margin-left: 0px;
        margin-top: 485px;
        min-height: 200px;
    }
}